* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  li {
    list-style: none;
  }
  a {
    text-decoration: none;
  }
}
// 清楚input样式
@mixin inp {
  outline-style: none;
  border: none;
}

// 字体样式
/***
    $w字体加粗
    $size字体大小
    $color字体颜色
    $position字体左右位置
    $lingheight字体行高垂直位置
    */
@mixin size($w, $size, $color, $position, $lingheight) {
  font-weight: $w;
  font-size: $size;
  color: $color;
  text-align: $position;
  line-height: $lingheight;
}

@mixin wh($width, $height) {
  width: $width;
  height: $height;
}

//   ======================
.container {
  width: 1200px;
  min-height: 500px;
  margin: 20px auto;
  .shopp{
    @include wh(150px,50px);
    @include size(700,24px,#fff,center,50px);
    background-color:darkorange ;
    cursor: pointer;
  }
  div {
    margin-bottom: 10px;
  }
  .btn-list {
    display: inline-block;
   float: right;
    background-color:orange;
    letter-spacing: 10px;
    margin-top: 20px;
    @include wh(150px,50px);
   @include size(700,18px,#fff,center,50px)
  }
  h3 {
    text-align: right;
    padding-right: 40px;
    span {
      color: red;
    }
  }
}
// =========表格============
table {
  width: 100%;
  text-align: center;
  line-height: 30px;
  img {
    width: 60px;
    height: 60px;
  }
  th,
  td {
    border-bottom: 1px dashed gray;
    .span1{
      float: left;
      color: blue;
      margin-right: 10px;
      cursor: pointer;
    }
    .span2{
      float: left;
      color: blue;
      cursor: pointer;
    }
  }
  input[name="minus"],
  input[name="plus"] {
    width: 30px;
  }
  input[name="amount"] {
    width: 40px;
    text-align: center;
  }
}


// 全选复选框
